<template>
  <div>
    <div>
      <h5>插槽</h5>
      <Child>
        <template v-slot:parent>
          <h5>父组件内容</h5>
        </template>
      </Child>
    </div>
    <div>
      <h5>作用域插槽</h5>
      <Child2>
        <template v-slot:content="scope">
          {{scope.myName}}
        </template>
      </Child2>
    </div>
  </div>
</template>

<script setup lang="ts">
import Child from './shoppingListChild.vue'
import Child2 from './shoppingListChild2.vue'

</script>

<style>
</style>
